/* Header */
header {height: 400px;}

.contact-us {margin-top: -60px;}
.contact-us .box{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2)}
.contact-us .left-side {background-color: #172749; color: #fff; padding: 30px; border-bottom-left-radius: 10px; border-top-left-radius: 10px;}
.contact-us .left-side .info ul li {margin-top: 50px;}
.contact-us .left-side .info .icons{background-color: #fff; color: #172749; padding: 10px 12px; border-radius: 8px;}
.contact-us .left-side .info .content{padding-left: 5px; line-height: 35px;}
.contact-us .left-side hr {margin: 30px 0px; box-shadow: 0 1px 0px rgba(255, 255, 255, 1)}
.contact-us .left-side .social-media a{display: inline-block; background-color: #fff; color: #172749; border-radius: 50%; padding: 8px 13px; font-size: 15px; margin-right: 5px;}
.contact-us .left-side .map img{border-radius: 8px;}

.contact-us .right-side {padding: 30px; overflow: hidden; background-color: #fff; border: 1px solid #D8D8D8;  border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
.contact-us .right-side form {margin-top: 40px;}
.contact-us .right-side form input{border: none; border-bottom: 2px solid #D8D8D8; padding: 10px;}
.contact-us .right-side form .text {padding-bottom: 50px;}
.contact-us .right-side form button {background-color: #172749; border: none; padding: 8px 80px; border-radius: 8px;}

@media only screen and (max-width: 575px) 
{.contact-us {margin-top: 150px;}}